{% extends "base_generic.html" %}
{% load i18n %}
{% block content %}
<div class="d-flex justify-content-center align-items-center" style="min-height: 80vh;">
  <div class="card shadow p-4 text-center" style="min-width:350px; max-width:400px; width:100%;">
    <h2 class="mb-4 text-primary"><i class="bi bi-envelope-check me-2"></i>{% trans 'Reset password' %}</h2>
    <p>{% trans "We've emailed you instructions for setting your password. If they haven't arrived in a few minutes, check your spam folder." %}</p>
    <div class="mt-3">
      <a href="{% url 'login' %}" class="btn btn-outline-primary w-100"><i class="bi bi-box-arrow-in-right me-1"></i>{% trans 'Login' %}</a>
    </div>
  </div>
</div>
{% endblock %}
